import { defineComponent, ref } from 'vue'

export default defineComponent({
  name: 'XsInput',
  props: {
    modelValue: {
      type: String,
      default: '',
    },
  },
  emits: ['update:modelValue'],
  setup(props, { emit }) {
    return () => (
      <input
        type="text"
        value={props.modelValue}
        onInput={(e) => {
          emit('update:modelValue', e.target.value)
        }}
      />
    )
  },
})
